<?xml version="1.0" encoding="UTF-8"?><d:tdl xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.backbase.com/2006/btl"  xmlns:d="http://www.backbase.com/2006/tdl" >

	<d:namespace name="http://www.backbase.com/2006/btl">

		<d:uses element="groupBoxBase" src="../groupBoxBase.xml"/>

		<d:element name="groupBox" extends="b:groupBoxBase">
			

			<d:resource type="text/css"><![CDATA[
				.btl-groupBox {
					overflow: hidden;
					background-color: ButtonFace;
				}
				.btl-groupBox-body {
					position: relative;
					background-color: Window;
					overflow: auto;
				}
				.btl-groupBox-head {
				}
				/* fixes */
				.ie .btl-groupBox-body {
					/* fix for scrolling if content is wider than groupBox */
					width: 100%;
				}
			]]></d:resource>
			<d:template type="application/xhtml+xml">
				<div class="btl-groupBox">
					<div class="btl-groupBox-head btl-head btl-label btl-bevel-top-bottom"> </div>
					<div class="btl-groupBox-body"><d:content/></div>
				</div>
			</d:template>

			<d:property name="height">
				<d:setter type="text/javascript"><![CDATA[
					this.viewNode.style.height = value;
					this._._height = value;
					bb.ui.reflow(this, true, true);
				]]></d:setter>
			</d:property>

			<d:handler event="construct" type="text/javascript"><![CDATA[
				bb.ui.reflow.add(this);
			]]></d:handler>

			<d:handler event="reflow" type="text/javascript"><![CDATA[
				var oElm = bb.selector.query(this.viewNode, 'div.btl-groupBox-body');
				if (this.hasAttribute('height') && this.getAttribute('height') !== 'auto') {
					btl.html.stretch(oElm);
				} else {
					oElm.style.height = '';
				}
			]]></d:handler>
		</d:element>
	</d:namespace>
</d:tdl>